<template>
<div class="fixicon" ref="icont" >
  <div class="fixiconMsg">
    <div class="msgmx">
      <div class="icons">
        <img :src="msg.type=='suc'?successIcon:errorIcon"/>
      </div>
      <h3>{{msg.message}}</h3>
    </div>

    <label id="toastBtn" class="labelBtn" >知道啦</label>
  </div>
</div>

</template>
<script>
  export default {
    data() {
      return {
        successIcon:require('./img/successIcon.png'),
        errorIcon:require('./img/errorIcon.png'),
        visible: false,
        msg: ""
      };
    }

  };
</script>
<style scoped lang="scss">
  .fixicon{
    position: fixed;
    z-index: 999;
    top:0;left:0;
    width:100%;height:100%;
    background: rgba(0,0,0,.3);
    .fixiconMsg{
      width:65%; background: #FFF;
      border-radius: 10px;
      min-height:100px;position: relative; top:20%;
      text-align: center;
      padding:40px 10px;
      padding-bottom: 20px;
      margin:0 auto;
      .labelBtn{
        display: inline-block;
        border-radius: 5px;
        background: #1C67FF;
        color:#FFF;padding:8px 15px;
        font-size:14px;
        margin-top:10px;
      }
      .msgmx{
        h3{font-size:16px; font-weight: 500}
        .icons{
          margin:0 auto;
          width:50px;height:50px;
          img{width:100%;}
        }

      }
    }

  }

</style>
